<template>
  <div class="service">
    <div class="service_row d-none d-lg-block">
      <div class="service_bg " :style="{backgroundImage:`url(${service_bg})`}">
        <div class="service_itall" :style="{backgroundImage:`url(${service_itall})`}"><a name="customer"></a></div>
      </div>
    </div>
  </div>
  
</template>

<script>
export default {
  data(){
    return{
      
      service_bg:require('@static/service_bg.png'),
      top_block:require('@static/content_extension.png'),

      service_itall:require('@static/service_itall.png'),
    }
  },
  methods:{
    homeService(type) {
      console.log('ffffffff',type)
      this.listShow = type
    },
  }
}
</script>

<style scoped lang="stylus">
@media (min-width: 300px) {
  .service{
    .service_row{
      // height:0 !important

    }
  }

}
@media (min-width: 992px) {
  .service{
    .service_row{
      // height:0 !important

    }
  }

}
.service
  .service_row
    width:100%
    height: 1117px
    position:relative
    .service_bg
      // position: absolute
      top:0
      left:0
      width: 100%
      background-size:cover
      height: 1117px
      z-index: 1
      .service_itall
        width:649px
        height:805px
        position: relative
        left:415px
        top: 176px
        margin: 0 auto
        z-index: 2
</style>